<template>
    <div class="guli-player">
        <div class="head">
            <a href="#" title="谷粒学院">
                <img class="logo" src="~/assets/img/logo.png" lt="谷粒学院">
            </a>
        </div>
        <div class="body">
            <div class="content">
                <nuxt/>
            </div> 
        </div>
    </div>
</template>

<script>
    export default {} 
</script>

<style>
    html,body{ 
        height:100%;
    }
</style>

<style scoped>
.head {
    height: 50px; 
    position: absolute; 
    top: 0;
    left: 0; 
    width: 100%;
}
.head .logo{
    height: 50px; 
    margin-left: 10px;
}
.body {
    position: absolute; 
    top: 50px;
    left: 0;
    right: 0; 
    bottom: 0; 
    overflow: hidden;
}
</style>
